$(function() {
 
    $(".btn_list a").on('click', function() {
        removeClass();
        $(this).addClass("active");
        $(".box").eq($(this).index()).addClass("active");
    })
    
     function removeClass() {
        $(".btn_list a").removeClass("active");
        $(".box").removeClass("active");
    }

    // ajax

    $(".login_btn").click(function () {  
        let uname_val = $(".username").val();
        let upwd_val = $(".password").val();
       
        console.log(uname_val,upwd_val);
        $.ajax({
            url : "http://localhost/suning/login.php",
            type:"post",
            data:{
                "username" : uname_val,
                "password" : upwd_val
            },
            dataType:"json",
            success:function(res){
                if(res.type === "success"){
                    open("../html/index.html");
                    $(".error_prompt").removeClass("active")
                    localStorage.setItem("username",uname_val)
                }else{
                    $(".error_prompt").addClass("active")
                    if(upwd_val.length < 6 || upwd_val.length > 20 ){
                        $(".error_message").text("请输入6-20位密码");
                    } else{
                        $(".error_message").text("账号或密码错误");
                    }
                }
            }
        })
        
    })
})

